<template>
  <div class="dashboard-container">
    <div class="dashboard-text">【{{$store.getters.getUser.userId}}】，欢迎来到后台管理系统</div>

    <div>
      <pre>
      这个排课系统的用法是
      1. excel导入【排课任务】【班级】【教室】
      2. 点击自动排课
      3. 手动微调/解决冲突
      4. 查看并导出课表
      </pre>
    </div>
    
    <div>如有不懂可参考<a href="https://www.bilibili.com/video/BV1YU4y1R73B">视频</a></div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Intro',
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
